<script setup lang="ts">
import { mockTable } from '@/mock'

const { columns, data, loadRows } = mockTable(
  ['code', 'name', 'status', 'department', 'project', 'user', 'money'],
  ['资源编码', '资源名称', '状态', '部门', '项目', '人员', '金额'],
)

loadRows([
  ['source1', '资源1', '正常', '研发中心', '项目1', '张三', '10000'],
  ['source2', '资源2', '停用', '研发中心', '项目2', '李四', '5000'],
  ['source3', '资源3', '正常', '研发中心', '项目3', '王五', '20000'],
])
</script>

<template>
  <ElForm :inline="true">
    <ElFormItem label="资源名称">
      <ElInput placeholder="请输入资源名称" />
    </ElFormItem>
  </ElForm>

  <ElTable
    :border="true"
    :stripe="true"
    :data="data"
  >
    <ElTableColumn
      v-for="item in columns"
      :key="item.property"
      v-bind="item"
    />
  </ElTable>
</template>

<route lang="json5">
{
  "meta": {
    "index": 1,
    "title": "综合看板",
  },
}
</route>
